*{
    margin: 0;
    padding: 0;
}
a{
	text-decoration: none;
}
ul,li{
	list-style: none;
}
html{
    background: rgb(250,250,250);
}
.head1{
    height: 25px;
    background: rgb(245,245,245);
}
.he{
    width: 1205px;
    height: 25px;
    margin: auto;
    position: relative;
}
.he li{
    color: rgb(165,154,149);
    float: left;
    font-size: 13px;
    margin: 0 3px;
}
.he2 a{
    color: rgb(165,154,149);
}
.he2{
    position: absolute;
    right: 5px;
    top: 3px;
}
.welcome{
    display: inline-block;
    display: none
}
.logout{
    cursor: pointer;
}
.head2{
    height: 98px;  
    background: #fff;
}
.box{
    width: 1205px;
    height: 98px;
    margin: auto;
    position: relative;
    display: flex;
}
.logo{
    width: 166px;
    height: 62px;
    margin-top: 15px;
    display: block;
}
.box2{
    width: 515px;
    height: 40px;
    margin: 20px 0 0 70px;
    border:solid 4px rgb(195,98,93);
    display: flex;
}
.box3{
    width: 386px;
    height: 40px;
    padding-left: 5px;
}
.zi{
    color: rgb(168,168,168);
    font-size: 14px;
    line-height: 40px;
}
.like{
    display: block;
}
.cle{
    width: 125px;
    height: 40px;
    border: solid 1px rgb(168,168,168);
    margin: 25px 0 0 70px;
    color: rgb(168,168,168);
    text-align: center;
    line-height: 40px;
    display: block;
}

.cle:hover{
    cursor: pointer;
    background: rgb(195,98,93);
    border: solid 1px rgb(176,53,46);
    color: #fff;
}

.r{
    width: 250px;
    height: 98px;
    text-align: right;
}
.r>p{
    color: rgb(168,168,168);
    font-size: 14px;
    margin: 5px 0;
    
}
.r>h2{
    color: rgb(182,60,54); 
    
}
.nav{
    height: 45px;
    background: rgb(97,80,70);
    
}
.nav2{
    width: 1205px;
    height: 45px;
    margin: auto;
    display: flex;
}
.qb{
    width: 200px;
    height: 45px;
    background: rgb(176,53,46);
    text-align: center;
    line-height: 45px;
    color: #ffffff;
}
.list{
    width: 1005px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #ffffff;
    display: flex;
}
.list li{
    float: left;
    width: 110px;
    height: 45px;
    line-height: 45px;
}
.list li:hover{
    background: rgb(176,53,46);
    cursor: pointer;
}
.list a{
    color: #fff;
}







        .clear{display: block;width: 0;height: 0;overflow: hidden;clear: both;}

        .cont{width: 1000px;margin: 0 auto;overflow: hidden;height: 424px;display: flex;justify-content: space-between;}

        .magnifier{padding: 10px;position: relative;width: 400px;}
        .magnifier .s_box{width:400px;height: 300px;position: relative;}
        .magnifier .s_box img{width: 400px;height: 300px;}
        .magnifier .s_box span{width: 130px;height: 100px;background: rgba(200,200,200,0.5);position: absolute;left:0;top:0;display: none;cursor:move;}
        
        /* 遮罩层的样式，为了解决小滑块的抖动问题 */
        .magnifier .s_box .mask{width: 400px;height: 300px;position: absolute;left:0;top:0;margin: 0;}

        .magnifier .b_box{width: 400px;height: 300px;overflow: hidden;position: relative;display: none;position: absolute;right: -400px;top:0;}
        .magnifier .b_box img{width: 1200px;height: 900px;position: absolute;left:0;top:0;}

        .magnifier .list{margin: 20px 0;padding: 0;list-style: none;}
        .magnifier .list li{float: left;margin: 0 10px;}
        .magnifier .list li img{width: 100px;height: 80px;}

        .goodsMsg{width: 550px;height: 424px;display: flex;flex-direction: column;justify-content: space-between;}


.cont{
    width: 1205px;
    height: 495px;
    border: solid 1px rgb(218,218,218);
    margin: auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.cont1{
    width: 995px;
    height: 495px;
    background: #fff;    
}
.cont2{
    width: 210px;
    height: 495px;
    background: rgb(238,238,238);
    border-left: solid 1px rgb(218,218,218);
}
.ct1{
    width: 210px;
    height: 50px;
    display: flex;
    justify-content: space-around;
    line-height: 50px;
}
.ct1>span{
    color: rgb(161,162,164);
}
.ct2{
    width: 210px;
    height: 445px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-around;
}
.ct2>span{
    display: inline-block;
    width: 130px;
    height: 130px;
}
#img1,#img2,#img3{
    width: 130px;
    height: 130px;
    border: solid 1px rgb(204,204,204);
}
.on2>span{
    width: 130px;
    height: 100px;
    position: absolute;
    left:0;
    top:0;
    display: none;
    cursor:move;
}
.on1{
    width: 410px;
    height: 495px;
    float: left;
    text-align: center;
    border-right: solid 1px rgb(218,218,218);
}
.on2{
    width: 380px;
    height: 380px;
    float: left;
    margin: 10px auto;
    margin-left: 15px;
}
.on2>img{
    width: 380px;
    height: 380px;
}
.on_wk{
    width: 600px;
    height: 700px;
    overflow: hidden;
    position: absolute;
    left:750px;
    top:100px;
    display: none;
}
.on_wk>img{
    width: 1200px;
    height: 1400px;
    position: absolute;
    left:0;
    top:0;
}

.on3 img{
    width: 60px;
    height: 60px;
    float: left;
    margin: 10px 10px ;
}
.on3{
    margin: 0 auto;
    margin-left: 75px;
}

.on4{
    width: 583px;
    height: 495px;
    float: left;
}
.on5{
    width: 585px;
    height: 75px;
    line-height: 75px;
}
.on5>h1{
    margin-left: 15px;
    font-weight: 400;
    font-size: 25px;
}
.on6{
    width: 583px;
    height: 100px;
    background: rgb(176,53,46);
    display: flex;
    align-items: flex-start;
}
.cq{
    color: #fff;
    display: inline-block;
    margin: 15px 30px 0 15px;
}
.scj{
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    display: inline-block;
    margin: 10px 0 0 0;
}
.gk,.fen,.pj,.fx_wk2{
    color: rgb(168,170,159);
}
.fx_wk1{
    color: rgb(189,84,75);
    font-size: 18px;
    margin: 0 4px;
}
.on7>p{
    margin: 15px 0 10px 15px;
}
.putin{
    width: 175px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: solid 2px rgb(176,53,46);
    background: rgb(255,226,226);
    color: rgb(176,53,46);
    margin: 150px 0 0 15px;
}
.putin:hover{
    color: #fff;
    background: rgb(176,53,46);
    cursor: pointer;
}

.goot_wk{
    background: #fff;
    margin-top: 50px;
    border-bottom: solid 1px rgb(221,221,221); 
    border-top: solid 1px rgb(221,221,221);
}
.foot{
    width: 1205px;
    height: 260px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    
}
.foot1{
    width: 760px;
    height: 260px;
}
.foot2{
    width: 360px;
    height: 260px;
    display: flex;
    justify-content: space-between;
}
.foot1 li{
    float: left;
    color: rgb(139,138,143);
    font-size: 14px;
}
.foot1 li:hover{
    text-decoration: underline;
    cursor: pointer;
}
.foot1>p{
    color: rgb(139,138,143);
    font-size: 14px;
    margin-bottom: 8px;
}
.foot1 img{
    width: 114px;
    height: 41px;
    margin-top: 30px;
    margin-right: 10px;
}
.foot_wk{
    margin-top: 30px;
}
.bos2{
    width: 150px;
    height: 260px;
    text-align: center;
    float: left;
}
.imgbos1{
    width: 25px;
    height: 25px;
    margin-top: 8px;
}
.imgbos2{
    margin-top: 30px;
}
.imgbos3{
    margin-top: 20px;
    color: rgb(168,168,168);
    font-size: 15px;
}
.imgbos4{
    margin-top: 17px;
}
.floor{
    width: 100px;
    margin: 0;
    padding: 0;
    background: #ccc;
    position: fixed;
    left: 200px;
    top:350px;
}
.floor li{
    list-style: none;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: solid 1px #fff;
    cursor: pointer;
}